<template>
  <div>
    <!-- 导航栏 -->
    <nav class="navbar is-info">
      <div class="navbar-brand">
        <span class="navbar-item">
          <img src="https://bulma.io/images/bulma-logo.png" alt="bulma图片" width="112" height="28" />
        </span>
      </div>

      <div class="navbar-menu">
        <div class="navbar-start">
        <router-link active-class="is-active" class="navbar-item" to="/index" exact>主页</router-link>
        <router-link active-class="is-active" class="navbar-item" to="/index/users">用户管理</router-link>
        <router-link active-class="is-active" class="navbar-item" to="/index/shops">商品管理</router-link>
        <router-link active-class="is-active" class="navbar-item" to="/index/notice">通知管理</router-link>
        <router-link active-class="is-active" class="navbar-item" to="/index/users2">用户管理2</router-link>
        <router-link active-class="is-active" class="navbar-item" to="/index/type">类别管理</router-link>


          <div class="navbar-item has-dropdown is-hoverable">
            <a class="navbar-link">更多</a>

            <div class="navbar-dropdown">
              <a class="navbar-item">设置</a>
              <a class="navbar-item">会员中心</a>
              <hr class="navbar-divider" />
              <a class="navbar-item">关于我们</a>
            </div>
          </div>
        </div>

        <div class="navbar-end">
          <div class="navbar-item">
            <div class="buttons">
              <router-link class="button is-danger is-small" to="/">
                <strong>退出登录</strong>
              </router-link>
            </div>
          </div>
        </div>
      </div>
    </nav>
    <!-- 导航栏 -->
    <router-view  class="section" style="position:relative;padding:24px"></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>
